// import React from 'react'
// import { Outlet } from 'react-router-dom'
// 注意：组件首字母要大写
import CommonAside from '../components/commonAside'
import CommonHeader from '../components/commonHeader';
import CommonContent from '../components/commonContent';


import React, { useState } from 'react';
import {
    MenuFoldOutlined,
    MenuUnfoldOutlined,
    UploadOutlined,
    UserOutlined,
    VideoCameraOutlined,
} from '@ant-design/icons';
import { Button, Layout, Menu, theme } from 'antd';

import { useSelector } from 'react-redux'


const { Header, Sider, Content } = Layout;
const App = () => {
    // const [collapsed, setCollapsed] = useState(false);
    const {
        token: { colorBgContainer, borderRadiusLG },
    } = theme.useToken();

    const collapsed = useSelector(state => state.tab.isCollapse)
    return (
        <Layout>
            <CommonAside collapsed={collapsed}></CommonAside>
            <Layout>
                <CommonHeader collapsed={collapsed}></CommonHeader>
                <CommonContent></CommonContent>
            </Layout>
        </Layout>
    );
};
export default App;